import Vue from 'vue';
import vueRouter from 'vue-router';
import vueResource from 'vue-resource';

import mintUI from 'mint-ui';
import 'mint-ui/lib/style.min.css';
import '../statics/mui/css/mui.css';
import '../statics/mui/css/icons-extra.css';
import '../statics/css/site.scss';

import App from './App.vue';

Vue.use(vueRouter);
Vue.use(vueResource);
Vue.use(mintUI);

import home from './components/home/home.vue';
import member from './components/member/member.vue';
import shopcar from './components/shopcar/shopcar.vue';
import search from './components/search/search.vue';

let router = new vueRouter({
    linkActiveClass: 'mui-active',
    routes: [
        {
            name: 'root', path: '/', component: home
        },
        {
            name: 'home', path: '/home', component: home
        },
        {
            name: 'member', path: '/member', component: member
        },
        {
            name: 'shopcar', path: '/shopcar', component: shopcar
        },
        {
            name: 'search', path: '/search', component: search
        }
    ]
});

new Vue({
    el: '#app',
    router,
    render: c => c(App)
});